body{background:#f1f1f1;}

/****/
.inputSearch{
	width:100%;
	height:30px;
	padding:5px 5px 5px 23px;
	border-radius:5px;
	border:0;
	outline: none;
	background:url(../images/w_8.png) no-repeat center 0 #ffffff;
	-webkit-background-size:60px auto;
	-webkit-box-sizing:border-box;
}
.inputSearch:focus, .inputSearch:valid{
	background-position: left bottom;
}
.searchBox  .inputSearch:valid+input{visibility: visible;}

/*input::-webkit-input-placeholder {
	display: block;
	width:100%;
	height:100%;
	color:#00f;
	background:url(../images/w_7.png) no-repeat center  -120px;
	-webkit-backgrond-size:30px auto;
    text-transform:uppercase;
    text-align: center;
    letter-spacing:3px;
}*/

.searchBox{
	background: #dfdfdf;
	padding:8px 0;
}
.searchBox li{
	position: relative;
}
.searchBox input[type="reset"]{
	visibility: hidden;
	position: absolute;
	right: 10px;
	top: 0px;
	display: inline-block;
	width: 30px;
	height: 30px;
	-webkit-appearance: none;
	background: url(../images/w_7.png) no-repeat center -459px #ffffff;
	-webkit-background-size: 45px auto;
	border: 0;
	font-size: 26px;
	color: transparent;
	border-radius: 30px;
}
.searchBox input.cancel{
	height:30px;
	line-height: 30px;
	padding:0 8px 0 0;
	-webkit-appearance:none;
	background:none;
	border:0;
	color:#868686;
	font-size:14px;
}

.list_search{
	display: none;
	background: #ffffff;
	border-top:1px solid #ced3d7;
}
.list_search.on{
	display: block;
}
.list_search li{
	border:1px solid #ced3d7;
	border-width:0 0 1px 0;
}
.list_search li a{
	display: block;
	height:40px;
	line-height: 40px;
	padding:0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	font-size:13px;
	color:#616c7f;
}

.btn_clearHistory{
	display: block;
	margin:18px auto;
	width:150px;
	height:35px;
	line-height:35px;
	font-size:13px;
	color:#ffffff;
	background: #a9b6bf;
}